<template>
  <div class="add-member">
      <edit-box :type="'add'" @cancel="cancel" :rule-form="ruleForm"></edit-box>
  </div>
</template>

<script type="text/ecmascript-6">
import EditBox from './EditBox'
export default {
    props:{
     ruleForm: {
      type: Object,
      default() {
        return {
         number: "",
          name:'',
          sex: "",
          role:'',
          department:'',
          email:'',
          tel: "",
          date:''
        };
      }
    }
    },
  
  components: {
    EditBox
  },
  methods:{
    cancel(){
      this.$emit("can");
    },
  }
};
</script>

<style lang="stylus" scoped></style>
